﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" x:Class="SUMO.MediaBrowser.Controls.LoadingControl"
    mc:Ignorable="d">
    <UserControl.Resources>
        <Storyboard x:Name="CycleRectangles" RepeatBehavior="Forever">
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" 
        Storyboard.TargetName="rectangle" 
        Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFB1B1B1"/>
                <SplineColorKeyFrame KeyTime="00:00:00.200" Value="#FF595959"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00.1" 
      Storyboard.TargetName="rectangle1" 
      Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFB1B1B1"/>
                <SplineColorKeyFrame KeyTime="00:00:00.200" Value="#FF595959"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00.2" 
      Storyboard.TargetName="rectangle2" 
      Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFB1B1B1"/>
                <SplineColorKeyFrame KeyTime="00:00:00.200" Value="#FF595959"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00.3" 
      Storyboard.TargetName="rectangle3" 
      Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFB1B1B1"/>
                <SplineColorKeyFrame KeyTime="00:00:00.200" Value="#FF595959"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00.4" 
      Storyboard.TargetName="rectangle4" 
      Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFB1B1B1"/>
                <SplineColorKeyFrame KeyTime="00:00:00.200" Value="#FF595959"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00.5" 
      Storyboard.TargetName="rectangle5" 
      Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFB1B1B1"/>
                <SplineColorKeyFrame KeyTime="00:00:00.200" Value="#FF595959"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00.6" 
      Storyboard.TargetName="rectangle6" 
      Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFB1B1B1"/>
                <SplineColorKeyFrame KeyTime="00:00:00.200" Value="#FF595959"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00.7" 
      Storyboard.TargetName="rectangle7" 
      Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFB1B1B1"/>
                <SplineColorKeyFrame KeyTime="00:00:00.200" Value="#FF595959"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    <Canvas x:Name="LayoutRoot" Width="30" Height="30" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Rectangle
			x:Name="rectangle"
			Fill="#FF595959"
			RenderTransformOrigin="1,1" Height="10" Width="3" Canvas.Left="13" Canvas.Top="1"/>
        <Rectangle
			x:Name="rectangle1"
			Width="3"
			Fill="#FF595959"
			RenderTransformOrigin="1,1" Height="10" Canvas.Left="16.917" Canvas.Top="2.834" UseLayoutRounding="False" d:LayoutRounding="Auto">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform Angle="45"/>
                    <TranslateTransform/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>
        <Rectangle
			x:Name="rectangle2"
			Width="3"
			Fill="#FF595959"
			RenderTransformOrigin="1,1" Height="10" Canvas.Left="16.583" Canvas.Top="6.334" UseLayoutRounding="False" d:LayoutRounding="Auto">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform Angle="90"/>
                    <TranslateTransform/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>
        <Rectangle
			x:Name="rectangle3"
			Width="3"
			Height="10"
			Fill="#FF595959"
			RenderTransformOrigin="1,1" Canvas.Left="14.167" Canvas.Top="9.5" UseLayoutRounding="False" d:LayoutRounding="Auto">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform Angle="135"/>
                    <TranslateTransform/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>
        <Rectangle
			x:Name="rectangle4"
			Width="3"
			Height="10"
			Fill="#FF595959"
			RenderTransformOrigin="1,1" Canvas.Left="10" Canvas.Top="10">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform Angle="180"/>
                    <TranslateTransform/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>
        <Rectangle
			x:Name="rectangle5"
			Width="3"
			Height="10"
			Fill="#FF595959"
			RenderTransformOrigin="1,1" Canvas.Left="7.5" Canvas.Top="7.584" UseLayoutRounding="False" d:LayoutRounding="Auto">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform Angle="225"/>
                    <TranslateTransform/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>
        <Rectangle
			x:Name="rectangle6"
			Width="3"
			Fill="#FF595959"
			RenderTransformOrigin="1,1" Height="10" Canvas.Left="7.25" Canvas.Top="3.25" UseLayoutRounding="False" d:LayoutRounding="Auto">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform Angle="270"/>
                    <TranslateTransform/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>
        <Rectangle
			x:Name="rectangle7"
			Width="3"
			Fill="#FF595959"
			RenderTransformOrigin="1,1" Height="10" Canvas.Left="9" UseLayoutRounding="False" d:LayoutRounding="Auto">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform Angle="315"/>
                    <TranslateTransform/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>
    </Canvas>

</UserControl>
